.page {
  background-color: #ffffff;
  width: 100%;
  overflow-y: auto;
  overflow-x: hidden;
  height: 100%;
}

.group {
  height: 105.26vw;
}

.section_1 {
  /* background-image: url('/static/index/images/16612230992230822578.png'); */
  background-size: 100% 100%;
  background-repeat: no-repeat;
}

.section_2 {
  padding-bottom: 5.74vw;
  /* background-image: url('/static/index/images/16612230992325878046.png'); */
  background-size: 100% 100%;
  background-repeat: no-repeat;
  z-index: 1;
}

.group_5 {
  padding: 0 7.74vw;
}

.view_2 {
  margin-top: 12.74vw;
}

.text_8 {
  margin-left: 0.16vw;
  color: #ffffff;
  font-size: 3.84vw;
  font-family: Adobe Heiti Std;
  line-height: 3.84vw;
  text-shadow: 0px 0.11vw #636363bf;
  font-weight: 700;
}

.text_9 {
  margin-top: 1.53vw;
  color: #ffffff;
  font-size: 2.89vw;
  font-family: Bahnschrift;
  font-weight: 700;
  line-height: 2.89vw;
  letter-spacing: 0.14vw;
  opacity: 0.4;
}

.view_3 {
  margin-top: 3.63vw;
}

.image_5 {
  width: 1.32vw;
  height: 2.16vw;
}

.text_10 {
  margin-left: 1.21vw;
  align-self: center;
  color: #ffffff;
  font-size: 1.16vw;
  font-family: Adobe Heiti Std;
  line-height: 1.11vw;
}

.section_5 {
  margin-left: 7.58vw;
  margin-top: 3.79vw;
  align-self: flex-start;
  background-color: #ffffff80;
  width: 49.95vw;
  height: 0.053vw;
}

.group_6 {
  margin-left: 7.79vw;
  margin-top: 3vw;
  align-self: flex-start;
}

.text_11 {
  color: #ffffff;
  font-size: 1.58vw;
  font-family: Adobe Heiti Std;
  line-height: 2.32vw;
  font-weight: 700;
}

.text_12 {
  color: #ffffff;
  font-size: 1.58vw;
  font-family: Adobe Heiti Std;
  line-height: 2.32vw;
}

.group_7 {
  margin-top: -16.32vw;
  padding-left: 7.74vw;
  padding-right: 7.74vw;
  position: relative;
}

.group_9 {
  margin-top: 20.79vw;
  padding-bottom: 0.32vw;
  flex: 1 1 auto;
  position: relative;
}

.image_6 {
  width: 38.21vw;
  height: 39.84vw;
}

.group_11 {
  margin-left: 4.26vw;
  margin-top: 0.16vw;
  width: 42.32vw;
}

.text_13 {
  margin-left: 0.16vw;
  align-self: flex-start;
  color: #000;
  font-size: 3.16vw;
  font-family: Adobe Heiti Std;
  line-height: 3vw;
}

.group_12 {
  margin-top: 0.68vw;
  align-self: flex-start;
}

.text_14 {
  color: #8d5abf;
  font-size: 3.16vw;
  font-family: Adobe Heiti Std;
  line-height: 3.79vw;
  font-weight: bold;
}

.text_15 {
  color: #8d5abf;
  font-size: 1.26vw;
  font-family: Adobe Heiti Std;
  line-height: 3.79vw;
  letter-spacing: 5.23vw;
}

.group_13 {
  margin-top: 1.29vw;
  text-align: justify;
}

.text_16 {
  color: #313131;
  font-size: 1.26vw;
  font-family: Adobe Heiti Std;
  line-height: 2.58vw;
}

.text_17 {
  color: #313131;
  font-size: 1.26vw;
  font-family: Adobe Heiti Std;
  line-height: 2.58vw;
}

.group_14 {
  position: absolute;
  right: 2.79vw;
  top: 27.26vw;
}

.text_18 {
  color: #efefef;
  font-size: 18.42vw;
  font-family: BaskOldFace;
  line-height: 12.89vw;
  opacity: 0.5;
}

.text-wrapper {
  padding: 0.95vw 0 1.05vw;
  background-color: #ffffff;
  width: 9.42vw;
  height: 3.11vw;
  margin-top: 2vw;

  border: solid 0.053vw #000000;
}
.text_19 {
  color: #313131;
  font-size: 1.26vw;
  font-family: Adobe Heiti Std;
  line-height: 1vw;
  cursor: pointer;
}

.group_19 {
  margin-top: 3.42vw;
  padding: 0 0.16vw;
}

.group_21 {
  flex-shrink: 0;
}

/* .text_23 {
  color: #dc535e;
  font-size: 3.79vw;
  font-family: Adobe Heiti Std;
  line-height: 2.95vw;
} */

.text_24 {
  margin-top: 1.11vw;
  color: #313131;
  font-size: 1.26vw;
  font-family: Adobe Heiti Std;
  line-height: 1.21vw;
}

.text_25 {
  margin-left: 0.84vw;
  margin-top: 1.79vw;
  color: #313131;
  font-size: 1.26vw;
  font-family: Adobe Heiti Std;
  line-height: 1.11vw;
}

.image_11 {
  width: 2.53vw;
  height: 5.05vw;
}

.image_12 {
  margin-left: 3.74vw;
  margin-bottom: 0.21vw;
}

.group_22 {
  margin-left: 3.42vw;
}

.group_23 {
  flex-shrink: 0;
}

.text_26 {
  color: #dc535e;
  font-size: 3.79vw;
  font-family: Adobe Heiti Std;
  line-height: 2.95vw;
}

.text_27 {
  margin-top: 1.11vw;
  color: #313131;
  font-size: 1.26vw;
  font-family: Adobe Heiti Std;
  line-height: 1.26vw;
}

.text_28 {
  margin-left: 1.16vw;
  margin-top: 1.74vw;
  color: #313131;
  font-size: 1.26vw;
  font-family: Adobe Heiti Std;
  line-height: 1.16vw;
}

.image_13 {
  margin-left: 4.05vw;
  margin-bottom: 0.21vw;
}

.group_24 {
  margin-left: 3.42vw;
}

.group_25 {
  flex-shrink: 0;
}

.text_29 {
  color: #dc535e;
  font-size: 3.79vw;
  font-family: Adobe Heiti Std;
  line-height: 2.95vw;
}

.text_30 {
  margin-top: 1.11vw;
  color: #313131;
  font-size: 1.26vw;
  font-family: Adobe Heiti Std;
  line-height: 1.26vw;
}

.text_31 {
  margin-left: 1.32vw;
  margin-top: 1.79vw;
  color: #313131;
  font-size: 1.26vw;
  font-family: Adobe Heiti Std;
  line-height: 1.16vw;
}

.image_14 {
  margin-left: 3.79vw;
  margin-bottom: 0.21vw;
}

.group_26 {
  margin-left: 3.79vw;
}

.group_27 {
  flex-shrink: 0;
}

.text_32 {
  color: #dc535e;
  font-size: 3.79vw;
  font-family: Adobe Heiti Std;
  line-height: 2.95vw;
}

.text_33 {
  margin-top: 1.11vw;
  color: #313131;
  font-size: 1.26vw;
  font-family: Adobe Heiti Std;
  line-height: 1.21vw;
}

.text_34 {
  margin-left: 0.89vw;
  align-self: center;
  color: #313131;
  font-size: 1.26vw;
  font-family: Adobe Heiti Std;
  line-height: 1.11vw;
}

.section_7 {
  margin-top: 3.47vw;
  background-image: url('/static/index/images/16612230973044378475.png');
  background-size: 100% 100%;
  background-repeat: no-repeat;
}

.section_8 {
  padding: 4.37vw 5.42vw 8.47vw 7.53vw;
  background-image: url('/static/index/images/16612230992144661507.png');
  background-size: 100% 100%;
  background-repeat: no-repeat;
}

.image-wrapper_1 {
  padding: 1.53vw 0 0.95vw;
  background-image: url('/static/index/images/16612231006527926789.png');
  background-size: 100% 100%;
  background-repeat: no-repeat;
  width: 6.32vw;
  height: 6.32vw;
}

.image_15 {
  width: 3vw;
  height: 3.84vw;
}

.section_9 {
  margin-left: 5.16vw;
  align-self: center;
  background-color: #4b5d6e;
  width: 9.58vw;
  height: 0.053vw;
}

.image-wrapper_2 {
  margin-left: 5.11vw;
  padding: 1.47vw 0 1vw;
  background-image: url('/static/index/images/16612231006527926789.png');
  background-size: 100% 100%;
  background-repeat: no-repeat;
  width: 6.32vw;
  height: 6.32vw;
}

.image_16 {
  width: 3.84vw;
  height: 3.84vw;
}

.image-wrapper_3 {
  margin-left: 5.16vw;
  padding: 1.53vw 0 1.42vw;
  background-image: url('/static/index/images/16612231006527926789.png');
  background-size: 100% 100%;
  background-repeat: no-repeat;
  width: 6.32vw;
  height: 6.32vw;
}

.image_17 {
  width: 3.58vw;
  height: 3.37vw;
}

.view_6 {
  margin-left: 5.11vw;
}

.image-wrapper_4 {
  margin-left: 5.16vw;
  padding: 1.53vw 0 1.21vw;
  background-image: url('/static/index/images/16612231006527926789.png');
  background-size: 100% 100%;
  background-repeat: no-repeat;
  width: 6.32vw;
  height: 6.32vw;
}

.image_18 {
  width: 3.32vw;
  height: 3.58vw;
}

.group_30 {
  margin-top: 1.21vw;
  padding-left: 0.68vw;
}

.text_35 {
  color: #313131;
  font-size: 1.26vw;
  font-family: Adobe Heiti Std;
  line-height: 1.21vw;
}

.text_36 {
  margin-left: 22.37vw;
  color: #313131;
  font-size: 1.26vw;
  font-family: Adobe Heiti Std;
  line-height: 1.21vw;
}

.text_37 {
  margin-left: 23.11vw;
  color: #313131;
  font-size: 1.26vw;
  font-family: Adobe Heiti Std;
  line-height: 1.16vw;
}

.text_38 {
  margin-left: 19.21vw;
  color: #313131;
  font-size: 1.26vw;
  font-family: Adobe Heiti Std;
  line-height: 1.16vw;
}

.group_31 {
  margin-top: 4.79vw;
  padding: 0 0.11vw;
}

.group_32 {
  margin-top: 1.16vw;
  width: 35vw;
}

/*.group_33 {
  height: 20.55vw;
}*/

.text_39 {
  align-self: flex-start;
  color: #000;
  font-size: 3.16vw;
  font-family: Adobe Heiti Std;
  line-height: 3.95vw;
}

.text_40 {
  /*margin-top: 7.29vw;*/
  display: block;
  text-align: justify;
  color: #313131;
  font-size: 1.26vw;
  font-family: Adobe Heiti Std;
  line-height: 2.58vw;
}

.group_34 {
  margin-left: 0.16vw;
  position: relative;
}

.text_41 {
  color: #8d5abf;
  font-size: 3vw;
  font-family: Adobe Heiti Std;
  line-height: 3.79vw;
  font-weight: 700;
}

.text_42 {
  color: #8d5abf;
  font-size: 1.26vw;
  font-family: Adobe Heiti Std;
  line-height: 3.79vw;
  letter-spacing: 0.38vw;
}

.text-wrapper_1 {
  margin-top: 2.66vw;
  padding: 0.95vw 0 1.05vw;
  align-self: flex-start;
  background-color: #ffffff;
  width: 9.42vw;
  height: 3.11vw;
  border: solid 0.053vw #000000;
}

.text_43 {
  color: #313131;
  font-size: 1.26vw;
  font-family: Adobe Heiti Std;
  line-height: 1vw;
  cursor: pointer;
}

.group_35 {
  margin-left: 2.79vw;
  margin-right: 2.05vw;
  padding: 1.53vw 0;
  flex: 1 1 auto;
  position: relative;
}

.section_10 {
  background-color: #ffffff99;
  border-radius: 2.63vw;
  width: 39.84vw;
  height: 27.42vw;
}

.section_11 {
  background-color: #ffffff99;
  border-radius: 2.63vw;
  width: 39.84vw;
  height: 27.42vw;
  position: absolute;
  right: 0;
  top: 50%;
  transform: translateY(-50%);
}

.section_12 {
  padding: 1.21vw 0;
  background-color: #ffffff;
  border-radius: 2.63vw;
  position: absolute;
  left: 1.42vw;
  right: 1.37vw;
  top: 0;
}

.image-wrapper_5 {
  margin: 0 1.11vw;
  padding: 11.74vw 0 11.68vw;
  border-radius: 2.63vw;
  /* background-image: url('/static/index/images/16612231006721139474.png'); */
  background-size: 100% 100%;
  background-repeat: no-repeat;
  position: relative;
  overflow: hidden;
}

.image_19 {
  width: 4.63vw;
  height: 4.63vw;
  cursor: pointer;
}

.group_36 {
  padding: 4.05vw 7.63vw 3.58vw;
}

.group_37 {
  align-self: center;
  text-align: center;
}


.text_45 {
  color: #313131;
  font-size: 1.26vw;
  font-family: Adobe Heiti Std;
  line-height: 3.79vw;
  font-weight: 700;
}

.group_38 {
  margin-top: 1.47vw;
  padding-left: 0.11vw;
  height:34.45vw;
  overflow: hidden;
}

.image-wrapper_6 {
  /* padding: 3.26vw 0 27.58vw; */
  flex: 1 1 auto;
  /* background-image: url('/static/index/images/16612231014112201712.png'); */
  /* background-size: 100% 100%; */
  /* background-repeat: no-repeat; */
  height: 35.11vw;
}

.image_20 {
  margin-left: 3.63vw;
}

.group_39 {
  flex-shrink: 0;
  border-top: solid 0.053vw #828282;
  border-bottom: solid 0.11vw #828282;
  cursor: pointer;
  background: #fff;
}

.group_40 {
  padding: 0.68vw 3.89vw 0.74vw;
  border-bottom: solid 0.053vw #828282;
  transition: all 1s;
}

.image-wrapper_7 {
  padding: 1.53vw 0 1.42vw;
  background-image: url('/static/index/images/16612231011099294775.png');
  background-size: 100% 100%;
  background-repeat: no-repeat;
  width: 5.47vw;
  height: 5.47vw;
}

.image_21 {
  width: 2.74vw;
  height: 2.53vw;
}

.text_46 {
  margin-left: 1.79vw;
  margin-right: 4.05vw;
  align-self: center;
  color: #313131;
  font-size: 1.58vw;
  font-family: Adobe Heiti Std;
  line-height: 1.47vw;
  letter-spacing: 0.25vw;
}

.text-active {
  background: #8d5abf;
  color: #fff;
}

.text-active * {
  color: #fff;
}

/* ------ */
.text_51 {
  margin-top: 1.16vw;
  color: #313131;
  font-size: 1.26vw;
  font-family: Adobe Heiti Std;
  line-height: 2.32vw;
}

.section_16 {
  padding: 3.05vw 0 4.16vw;
  background-image: url('/static/index/images/16612231014744917227.png');
  background-size: 100% 100%;
  background-repeat: no-repeat;
}

.group_44 {
  align-self: center;
  text-align: center;
  font-weight: 700;
}

.text_52 {
  color: #ffffff;
  font-size: 3.16vw;
  font-family: Adobe Heiti Std;
  line-height: 3.79vw;
}

.text_53 {
  color: #ffffff;
  font-size: 1.26vw;
  font-family: Adobe Heiti Std;
  line-height: 3.79vw;
}

.equal-division {
  margin-top: 1.21vw;
}

.equal-division-item {
  padding: 0.63vw 0.61vw 1.42vw;
  background-color: #ffffff;
  height: 41.79vw;
  width: 26vw;
  transition: transform 0.5s;
}

.equal-division-item:hover {
  box-shadow: 0px 0px 1.05vw #b8b8b8bf;
  transform: scale(1.1);
}



.image_26 {
  width: 24.79vw;
  height: 18.68vw;
}

.group_45 {
  margin: 1.16vw 0.53vw 0 0.89vw;
  line-height: 1.26vw;
}

.text_54 {
  color: #dc535e;
  font-size: 1.26vw;
  font-family: Adobe Heiti Std;
  line-height: 1.89vw;
  font-weight: 700;
}

.text_58 {
  color: #313131;
  font-size: 1.58vw;
  font-family: Adobe Heiti Std;
  line-height: 2.63vw;
  font-weight: 700;
}

.text_60 {
  color: #6a6a6a;
  font-size: 1.26vw;
  font-family: Adobe Heiti Std;
  line-height: 2.63vw;
}

.text-wrapper_2 {
  margin-right: 1.29vw;
  margin-top: 0.89vw;
  align-self: flex-end;
  padding: 0.95vw 0 1.05vw;
  background-color: #ffffff;
  width: 9.42vw;
  height: 3.11vw;
  border: solid 0.053vw #dc535e;
}

.text_61 {
  color: #dc535e;
  font-size: 1.26vw;
  font-family: Adobe Heiti Std;
  line-height: 1vw;
  cursor: pointer;
}

.text_66 {
  color: #696969;
  font-size: 1.26vw;
  font-family: Adobe Heiti Std;
  line-height: 2.63vw;
}

.text_71 {
  color: #696969;
  font-size: 1.26vw;
  font-family: Adobe Heiti Std;
  line-height: 2.63vw;
}

.group_46 {
  padding: 2.68vw 7.11vw 2.58vw 7.68vw;
}

.group_47 {
  align-self: center;
  text-align: center;
  font-weight: 700;
}

.text_73 {
  color: #8d5abf;
  font-size: 3.16vw;
  font-family: Adobe Heiti Std;
  line-height: 3.79vw;
}

.text_74 {
  color: #313131;
  font-size: 1.26vw;
  font-family: Adobe Heiti Std;
  line-height: 3.79vw;
}

.equal-division_1 {
  margin-right: 0.58vw;
  margin-top: 1.32vw;
}

.equal-division-item_1 {
  width: 13.68vw;
}

.image-wrapper_12 {
  padding-bottom: 0.26vw;
  background-color: #ffffff;
  height: 5.42vw;
  border: solid 0.053vw #dc535e;
}

.image_30 {
  flex-shrink: 0;
  mix-blend-mode: darken;
  width: 11.74vw;
  height: 5.16vw;
}

.image-wrapper_13 {
  background-color: #ffffff;
  height: 5.42vw;
  border: solid 0.053vw #dc535e;
}

.view_14 {
  margin-top: 1.63vw;
}

.image_31 {
  flex-shrink: 0;
  mix-blend-mode: darken;
  width: 8.95vw;
  height: 5.53vw;
}

.equal-division-item_2 {
  margin-left: 3.53vw;
  width: 13.74vw;
}

.image_32 {
  width: 5.84vw;
  height: 5.05vw;
}

.image-wrapper_14 {
  margin-top: 1.63vw;
}

.view_16 {
  padding: 0.11vw 0 0.37vw;
  background-color: #ffffff;
  height: 5.42vw;
  border: solid 0.053vw #dc535e;
}

.image_33 {
  width: 11.53vw;
  height: 4.84vw;
}

.image-wrapper_15 {
  padding: 0.32vw 0 0.11vw;
  background-color: #ffffff;
  height: 5.42vw;
  border: solid 0.053vw #dc535e;
}

.image_34 {
  width: 11.58vw;
  height: 4.89vw;
}

.view_17 {
  padding: 0.11vw 0 0.53vw;
  background-color: #ffffff;
  height: 5.42vw;
  border: solid 0.053vw #dc535e;
}

.image_35 {
  width: 7.79vw;
  height: 4.68vw;
}

.image-wrapper_16 {
  padding: 0.47vw 0 0.53vw;
  background-color: #ffffff;
  height: 5.42vw;
  border: solid 0.053vw #dc535e;
}

.image_36 {
  width: 8.63vw;
  height: 4.32vw;
}

.view_18 {
  padding: 0.37vw 0 0.47vw;
  background-color: #ffffff;
  height: 5.42vw;
  border: solid 0.053vw #dc535e;
}

.image_37 {
  width: 13.21vw;
  height: 4.47vw;
}

.equal-division-item_3 {
  margin-left: 3.53vw;
  padding: 0 0.95vw;
  width: 15.63vw;
}

.section_20 {
  margin-top: 1.63vw;
  padding-bottom: 0.21vw;
  background-color: #ffffff;
  height: 5.42vw;
  border: solid 0.053vw #dc535e;
}

.image_38 {
  margin-left: -1.05vw;
  margin-top: -9.26vw;
  flex-shrink: 0;
  align-self: flex-start;
  mix-blend-mode: darken;
  width: 15.63vw;
  height: 9.58vw;
}

.image_39 {
  margin-top: 0.16vw;
  flex-shrink: 0;
  align-self: center;
  width: 10.16vw;
  height: 4.63vw;
}

.text_75 {
  margin-top: 1.47vw;
  color: #313131;
  font-size: 1.26vw;
  font-family: Adobe Heiti Std;
  line-height: 2.32vw;
  /*text-align: center;*/
}

.count-box {
  color: #8d5abf;
  font-size: 3.79vw;
  font-family: Adobe Heiti Std;
  line-height: 2.95vw;
  font-weight: 800;
}

.image-wrapper-swiper {
  flex: 1 1 auto;
  height: 668px;
}

.swiper-img {
  width: 100%;
  /* height: 100% */
}